import React from 'react';

import List from '../../comments/List';
import { Tabs } from 'antd';


import type { TabsProps } from 'antd';
import './index.css'

function Index() {
  const onChange = (key: string) => {

    console.log(key);
  };

  const items: TabsProps['items'] = [
    {
      key: '1',
      label: '首页',
      children: <List></List>
    },

    {
      key: '2',
      label: '热搜',
      children: 'Content of Tab Pane 2',
    },
    {
      key: '3',
      label: '小说',
      children: 'Content of Tab Pane 3',
    },
    {
      key: '4',
      label: '电影',
      children: 'Content of Tab Pane 4',
    },
    {
      key: '5',
      label: '电视剧',
      children: 'Content of Tab Pane 5',
    },
  ];
  return (
    <div>
      <Tabs defaultActiveKey="1" items={items} onChange={onChange} />

    </div>
  )
}

export default Index
